<script lang="ts" setup>


const props = defineProps({
  modelValue: {

  },
  options: {

  }
})

</script>

<template>

  <div v-if="modelValue">
    <div v-for="option in options" class="data-info">
      <span class="label">{{option.label}}：</span>
      <span class="content">{{modelValue[option.field]}}</span>
    </div>
  </div>
</template>

<style scoped lang="scss">

.data-info {
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  .label {
    white-space: nowrap;
  }
  .content {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
</style>
